<!DOCTYPE html>
<html>
<!-- 补充照片 -->

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title style="background-color: #00c6a7;">补充照片</title>
	<link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../css/ali-icon/iconfont.css" />
	<style media="screen">
		.card {
			width: 92%;
			border-radius: 6px;
			box-shadow: 0px 0px 10px #e5e5e5;
			margin: 0 auto;
			position: relative;
		}
	</style>
</head>

<body>
	<div id="app">		
		<div v-show="list.length == 0" align="center" style="padding-top: 30%">
			<img src="../image/noorder.png" width="50%"/>
		</div>
		<div class="aui-content aui-margin-t-15 card">				
			<ul class="aui-list aui-media-list">
				<li class="aui-list-item " v-for="(vo, index) in list">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">车牌号码:</div>
								<div class="aui-list-item-right aui-ellipsis-2">{{vo.carInfo.plateNum}}</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">洗车地址:</div>
								<div class="aui-list-item-right aui-ellipsis-2">{{vo.shop.address}}</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">服务名称:</div>
								<div class="aui-list-item-right aui-ellipsis-2">{{vo.orderItems[0].goodsName}}</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">服务时间:</div>
								<div class="aui-list-item-right aui-ellipsis-2">{{vo.appointmentTime}}</div>
							</div>
							<div class="aui-btn aui-btn-success aui-margin-t-15" style="width: 60%;background-color: #00c6a7;display:block;color: white;margin:0 auto;" @click="openBeforephoto(vo)">开始补传</div>
						</div>
					</div>
				</li>
			</ul>						
			<div align="center" style="padding-top: 15px;">
				<p><div class="aui-btn aui-btn-success aui-btn-block" style="width: 50%;" onclick="refush()">点击刷新</div></p>
				<p style="padding-top: 8px;"><div class="aui-btn aui-btn-success aui-btn-block" style="width: 50%;" onclick="toPerson()">返  回</div></p>
			</div>			
		</div>
	</div>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/base64.js"></script>
<script type="text/javascript" src="../script/md5.js"></script>
<script type="text/javascript" src="../script/common/vue.js"></script>
<script type="text/javascript" src="../script/common/api.js"></script>
<script type="text/javascript" src="../script/aui-popup-new.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/my/supplementphoto.js"></script>
<script type="text/javascript">
	apiready = function() {
		vm.init(); //初始化
		api.addEventListener({
			name: 'orderover'
		}, function(ret, err) {
			window.location.reload();
		});
	};
	function refush() {
      $api.auth(function(ret, err) {
        api.closeToWin({
            name: 'root'
        });
      }); //获取token
	};
	function toPerson() {
		api.setFrameGroupIndex({
			name: 'IndexGroup',
			index: 2,
			reload: true
		});
	};
</script>

</html>
